<!-- 业务代码 -->
<script>
// 第一步:引入其他vue组件,可以引入多个
// import HelloWorld from './components/HelloWorld.vue';
// import HelloVue from './components/HelloVue.vue';
// import HelloOptions from './components/HelloOptions.vue';
// import HelloComposition from './components/HelloComposition.vue';
// import HelloComposition2 from './components/HelloComposition2.vue';
// import Hello from './components/01-文本插值/Hello.vue';
// import Hello from './components/02-原始HMTL/Hello.vue';
// import Hello from './components/03-属性绑定/Hello.vue';
// import Hello from './components/04-事件绑定/Hello.vue';
// import Hello from './components/05-类与样式绑定/Hello.vue';
// import Hello from './components/06-条件渲染/Hello.vue';
// import HelloShow from './components/06-条件渲染/HelloShow.vue';
// import Hello from './components/07-列表渲染/Hello.vue';
// import Hello from './components/08-双向数据绑定/Hello.vue';
// import Hello from './components/09-计算属性/Hello.vue';
// import Hello from './components/10-生命周期/Hello.vue';
// import Hello2 from './components/10-生命周期/Hello2.vue';
import Hello3 from './components/10-生命周期/Hello3.vue';

export default {
  // 第二步:注入组件
  components: {
    // 指定组件是谁,一般使用别名
    // HelloWorld,
    // HelloVue
    // HelloOptions
    // HelloComposition2
    // Hello
    // HelloShow
    // Hello2
    Hello3
  }
}
</script>

<!-- 页面内容 -->
<template>
  <!-- 第三步:显示组件,一般使用别名作为标签名 -->
  <!-- <HelloWorld></HelloWorld>
  <HelloVue></HelloVue> -->
  <!-- <HelloOptions></HelloOptions> -->
  <!-- <HelloComposition2></HelloComposition2> -->
  <!-- <Hello></Hello> -->
  <!-- <HelloShow></HelloShow> -->
  <!-- <Hello2></Hello2> -->
  <Hello3></Hello3>
</template>
<!-- 页面样式 -->
<style scoped></style>
